<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册表单</title>
		<link rel="stylesheet" href="biaodan.css" type="text/css"/>
	</head>
	<body>
		<h3>注册表单</h3>
			<form action="">
				<fieldset>
			<div class="whitebox">
			<label for="username">用户昵称: </label>
			<input id=username name=username autofocus required pattern="^[a-zA-Z0-9]{6,12}$" placeholder="请输入用户名">
			</div>
			<div class="whitebox">
			<label for="uemail">Email: </label>
			<input id=uemail type="email" name=uemail required placeholder="example@domain.com">
			</div>
			<div class="whitebox">
			<label for="age">工作年龄: </label>
			<input type="range" id="age" min="18" max="60" name="age"/>
			<output for="age" id="show"></output>
			</div>
			<div class="whitebox">
				<label for="">年龄:</label><input type="text" placeholder="your age">
			</div>
			<div class="whitebox">
				<label for="">出生日期:</label><input type="text" placeholder="年/月/日">
			</div>
			<div class="whitebox">
				<label for="">个人主页:</label><input type="text">
			</div>
			<div class="whitebox">
				<label for="">获取颜色值:</label>
				<input type="color" value="#000000" style="width:10%;">
			</div>
			</fieldset>
			<div align="center"><button type="submit">注册</button></div>
			</form>
	</body>
</html>
